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REMINDER: How the brain learns 
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Perception: How it works 


Perception is a construct of the mind. It is subjective. 
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Perception: It's subjective 


Floppy disks are like Jesus 


on 


They died to become 
the icon of saving 


Memory: How it works 


SENSORY MEMORY 


Part of perception 
Importance of attention 



Short-term - Easily disturbed 
Requires heavy attentional resources 
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Memory: It's fragile 


Forgetting curve: 



(Ebbinghaus, 1885) 
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Attention: How it works 


We are not carefully scanning all of our environment ... 




Rather, attention works like a spotlight. 



fci i 


Attention: It's VERY limited 



Inattentional blindness (or why we suck at multitasking 



A UX Framework 


User experience 


Usability 

□ Signs & Feedback 

□ Clarity 

□ Form Follows Function 

□ Consistency 

□ Minimum Workload 

□ Error Prevention / Recovery 

□ Flexibility 


GameFlow 

□ Perceived Pacing 

(challenge, learning curve, surprises, ...) 

□ Motivation 

(competence, autonomy, relatedness) 

□ Emotion 

(game feel, implicit motivation, ...) 
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Why does onboarding matter? 




Source: Steam Spy (Warframe) 
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Onboarding: Elements to consider 



First steps , remove 
the barriers 


Teach efficiently 
about your game 


Engage & 
Motivate 


Learning Principles 


* Behavioral Psychology Principles 


* Cognitive Psychology Principles 

• Constructivist Psychology Principles 
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Discover/: 

Remove barriers 



Working Memory: Limitations 


WM is composed of 2 "slave systems" that maintain and process information: 



\ 

-> It's nearly impossible to do 2 complex tasks of the same type. 

-> It can be trained (but only to a certain extent). 


J 



Divided Attention 



Fortnite: fort behind is being attacked but the Constructor player does not even look 
at the pop up info (red circle is eyetracking) 
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Cognitive Load Theory 


Working memory span = 3 "items" on average 



Paragon alpha: first minutes of play 







Limit cognitive load: Affordances 




4 kinds of affordances in UX design: 

• Physical affordance 

• Cognitive affordance 

• Sensory affordance 

• Functional affordance 



The perceivable part of an affordance is a signifier (cf. Don Norman's work) 



Affordances 


Physical affordance (or "rear affordance) 




Affordances 


Cognitive affordance (or "perceived" affordance) 


(D 25 | 40 


^ ^ 

479 123 989 


Fortnite: 3 different symbols help understand there are 3 types of 
materials and how many of each the player has. 
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Affordances 


Cognitive affordance going wrong: false affordance 



Fortnite: only the pickaxe is the right tool to harvest in Fortnite (functionality) but players 

believe axes can efficiently harvest wood. 


Affordances 


Sensory affordance 



Fortnite: Sensory affordance 
« Click to respawn » violated 


Player doesn't realize that he's slotting the same worker 
(red corner signifier not working) 





Affordances 


Functional affordance 



Fortnite: inventory categories and pinning are functional affordances 
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Affordances 
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Discovery: Key takeaway 



Mind the... 
Main Objective: 


Discovery Leajrjrjjrjg Jj/jjrrjsjrsjojr] 

Attention limitations 
Cognitive load 

Easy to make sense of 
Remove barriers 


Use (i.e.) 


Usability principles 




Learning: 

Active Tutorials 



Application: Context and Meaning 


The deeper you process information (= focus your attention) 

the better you learn/retain 

Context = learning by doing 

Meaning = worthwhile now (for player's life/mission/goal) 


■ \ 
DON'T PUNISH 

WHILE 

TEACHING!! 
/ 



Paragon alpha (loading screen) 

No context, no meaning 



Fortnite alpha (door tutorial) 

Context, no meaning 



Fortnite alpha (door tutorial iteration) 

Context and meaning 


\ 

LEARN THEN DO 

(shallow process, 

weak motivation) 


LEARNING BY DOING 

(deeper process when in context, 
l greater motivation with meaning) j 
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Cognitive Load Theory 
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Fortnite: PvP prototype for ux testing 
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The Case of Loading Screens: Psychology of Waiting 



Your mission is to: 


Locate the Landing Zone 


Fortify the area 


Your mission is to: 


Close the Gate 


Defend the Payload 


Smaller building pieces have a variety of uses but 
reduced hitpoints. 


Place the ATLAS 


Approach the Gate, and deploy an ATLAS 
device. 


Fortify & Defend 


Construct a fort around the ATLAS device, 
then activate (requires BluGlo) to begin the 
fight! 


Destroy rocks and trees to get everything you need for 
simple traps. 
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Cf. Simon Sinek 




Engaging Tutorials: Teach the *why : 
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WHY? 


-> Motivate players 



HOW? 


3 main points 



WHAT? 


-> Interactive elements 


UX Testing 
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The deeper the process the better the retention 


Lecture 


Reading 


Audiovisual 


Discussion in group 


Practice by doing 
Teach others (social) 


The learning pyramid 


Depth of 
cognitive process 
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Memory lapse 


Encoding Deficit 

Information was superficially encoded because of a lack of attention, or 
because of a failed elaboration process. 


-> Draw attention 


Storage Deficit 

Information was correctly encoded, but weakens with time. 

-> Repetition (in different contexts) 




Recall Deficit 

Information is available in memory but is momentarily inaccessible 

-> Reminders 
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Memory lapse: ENCODING deficit 



□ 

1 am a little bit confused on the process of building arid 

repairing objects 

1 feel a run down on a lot of the 


essential uem properties wouia De neiprui. 

11/23/2015 11:52 AM View respondent's answers 

Categorize as ... ▼ 


□ 

there was no easily found way to 

repair weapons) 

| that were damaged 



11/23/2015 11:18 AM View respondent’s answers 

Categorize as .. ▼ 
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Pinning = no info 
storage needed 


No Pinning = info 
storage needed 


Memory lapse: STORAGE deficit 


— 



Exterminator 



274/30 b‘J/19 /10 



Harvesting Optimizer Level 1 

Upgrade the effectiveness of your harvesting tool 


Current 


l§==l 

Upgrade 


Next Upgrade 


Level 2 Upgrade Requirements 

Upgrade to improve your harvesting tool. 



Must have: 

41 Rough Ore 

173/ 75 

/ 

/ 75 

Q Duct Tape 

9/ 9 

^ White Crystal 

28/6 

fiS Resin 

58/ 5 

A Gold 

22,322/ 200 

Building Parts 

18,488/ 200 


Pickaxe [Upgraded] 

Tier 4 


Mining Pickaxe 

Tiers 
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Memory lapse: RECALL deficit 



I couldn't remember how to get to the craft screen 

11/23/2015 12:06 PM View respondent's answers Categorize as... t 
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Tutorials: repetition 


The spacing effect of reminders: 


Teach Reminder Teach A3 A4 A5 

feature A A2 feature B B2 B3 
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Implicit Learning: Behavioral Psychology 



Classical Conditioning (Pavlov) 

When 2 events happen close to each other repeatedly, 
you implicitly learn to link them (associative learning). 


How about this stimulus?* 4= 

* Courtesy of MGS's Players Conditioning Program 
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Mind the... 
Main Objective: 


Learning: Key takeaway 


Discovery 

Attention limitations 
Cognitive load 

Easy to make sense of 
Remove barriers 


Learning 

Memory load 
Memory lapse 

Easy to learn 
Context and Meaning 


Jjr/jmersion 


Use (i.e.) 


Usability principles 


Learning principles 
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Immersion 




Immersion: 

About Motivation 



Motivation 


Motivation helps attention 


Concept of number in Piaget's task (using tokens) 


oooooo 
o o o o 


Succeeded at 6-7 yo 


Intro 


> 


Discovery > 


> 


Immersion 


Conclusion 



Motivation 


M 


Motivation helps attention 


Concept of number in Piaget's task (using tokens) vs. in Mehler's task (using candies) 



Succeeded at 2 yo 
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Motivation 




Extrinsic motivation 

Life and death drives 

(rewards) 

Power seeking 

Intrinsic motivation 

Brain pleasure center 

(Self-Determination Theory: 

(learning, novelty) 

competence, autonomy, relatedness) 

Brain reward circuitry 
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Motivation: Teasing 
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Motivation: Teasing 
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Motivation: Teasing 



Fortnite HUD (march 2015) 



Fortnite HUD (march 2016) 





Motivation 


Short-term 


• Win the Match 

RATTATA 


Shoot* It i.-'-.i a. s s-o 
olose too* 



• Catch more Pokemon 




Mid-term 


* Beat the next trainer 



• Evolve your Pokemon 



Long-term 


• Beat the Elite Four 



• Gotta catch 'em all 



Pokemon 







Social Impact in Learning 



WITH KAIDUS 



Immersion: 



Mind the... 
Main Objective: 


Discovery 

Attention limitations 
Cognitive load 

Easy to make sense of 
Remove barriers 


Use (i.e.) 


Usability principles 


Learning 

Memory load 
Memory lapse 

Easy to learn 
Context and Meaning 


Immersion 

Emotional response 
Complexity (vs. depth) 

Tease 

Show progression path 


Learning principles 


Motivation principles 
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Onboarding: Elements to consider 



First steps , remove 
the barriers 


Teach efficiently 
about your game 


Engage & 
Motivate 


A UX Framework: ingredients 


User experience 


Usability 

□ Signs & Feedback 

□ Clarity 

□ Form Follows Function 

□ Consistency 

□ Minimum Workload 

□ Error Prevention / Recovery 

□ Flexibility 


GameFlow 

□ Perceived Pacing 

(challenge, learning curve, surprises, ...) 

□ Motivation 

(competence, autonomy, relatedness) 

□ Emotion 

(game feel, implicit motivation, ...) 
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Iteration 


This is not a recipe ... only a few ingredients 

Iteration is key! 
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League of Legends - beta 
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THANKS! 


Game UX Summit (May 12 th ): 

epicgames.com/game-ux-summit 


Book WIP: 

The Gamer's Brain (2017, CRC Press) 
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